import React from 'react'
import Space from "components/space"

export default {
  key: 'font',
  name: 'Font 字体',
  author: '潘',
  description: '系统内部所有标题以及段落',
  isExampleFull: true,
  api: [
  ],
  example: [
    {
      title: '基础用法',
      description: '系统内部所有标题以及段落',
      state: {
      },
      getMethod: context => {
        return {}
      },
      getContent: context => {
        return (
          <Space size={'middle'} direction={'vertical'}>
            <div className='first-title'>一级标题(字号18px，行高28px，字色#1E2126)</div>
            <div className='second-title'>二级标题(字号16px，行高24px，字色#4E5B71)</div>
            <div className='third-title'>三级标题(字号14px，行高20px，字色#848C95)</div>
            <div className='forth-title'>四级标题(字号12px，行高16px，字色#B5C0CE)</div>
          </Space>
        )
      }
    }
  ]
}
